<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>商品评价</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<link rel="stylesheet" href="member.comment.edit.css" />
	<style>
		.judge {
			margin: 5px 0;
		}
		.judge time {
			font-size: 1em;
			position: absolute;
		}
		.comment {
			border-top: none;
		}
		.comment label span {
			padding: 5px 8px;
			margin: 3px;
		}
	</style>
</head>
<body>
	<!--收货地址列表 开始-->
	<div class="mui-content mui-scroll-wrapper container-pull-refresh no-pad">
		<div class="mui-scroll">
			<!--全部 好评 中评 差评 有图 追加 开始-->
			<div class="comment">
				<div class="mui-inline">
					<label class="total">
						<input name="type" type="radio" value="" checked=""/>
						<span>全部</span>
					</label>
				</div>
				<div class="mui-inline">
					<label class="perfect">
						<input name="type" type="radio" value="1"/>
						<span><i class="iconfont icon-hua"></i>好评(<b>0</b>)</span>
					</label>
				</div>
				<div class="mui-inline">
					<label class="notbad">
						<input name="type" type="radio" value="2"/>
						<span><i class="iconfont icon-hua"></i>中评(<b>0</b>)</span>
					</label>
				</div>
				<div class="mui-inline">
					<label class="awful">
						<input name="type" type="radio" value="3"/>
						<span><i class="iconfont icon-hua"></i>差评(<b>0</b>)</span>
					</label>
				</div>
			</div>
			<!--全部 好评 中评 差评 有图 追加 结束-->
			
			<!--数据列表-->
			<section class="mui-table-view mui-row scroll-data" data-tpl="tpl-template">
				<div class="no-data"><img src="../image/icon-waiting.gif" /></div>
			</section>
		</div>
	</div>
	<!--收货地址列表 结束-->
	
	<!--评论数据模板 开始-->
	<script type="text/template" id="tpl-template">
		{{if !data || data.length == 0}}
		<div class="no-data">
			<center>暂时无数据</center>
		</div>
		{{/if}}
		{{each data as item}}
		<div class="mui-col-xs-12 comment-list judge" data-id="{{item.id}}">
			<!--头像 名字-->
			<div class="mui-row pad-h pad-v-sm comment-title">
				<div class="comment-title-img">
					<img class="mui-col-xs-3" src="{{item.user_info.avatar | avatar}}" />
				</div>
				<div class="mui-col-xs-9 pad-v pad-h-lg">
					<label>{{item.user_info.nicname || item.user_info.username}}</label>
					<span class="mui-hidden">
						<i class="iconfont icon-aixinzhiyuantuan"></i>
						<i class="iconfont icon-aixinzhiyuantuan"></i>
						<i class="iconfont icon-zuanshi"></i>
					</span>
				</div>
			</div>

			<!--评论内容-->
			<div class="pad-h-sm pad-v-sm comment-content">
				<p class="mui-text-left">{{item.content}}</p>
			</div>

			<!--评论附加的图片-->
			<div class="mui-row mui-text-left comment-images">
				{{each item.images as img}}
				<div class="mui-col-xs-1 mgn-h-sm pingluntupian">
					<img src="{{thumb(img)}}" data-preview-src="{{image(img)}}" data-preview-group="{{item.id}}" />
				</div>
				{{/each}}
			</div>

			<!--评论的商品信息-->
			<div class="pad-h-sm comment-info">
				<time class="pad-v">{{item.create_time}}</time>
				<i class="iconfont icon-down text-gray mui-pull-right pad-h-md pad-v btn-awesome"> {{item.likes}}</i>
				<label class="mui-hidden">颜色分类：白色 尺码：35</label>
			</div>

			<!--赞 评论 浏览次数-->
			<div class="pad-h-sm comment-com mui-hidden">
				<label>浏览201次</label>
					<span class="mui-pull-right">
					<i class="iconfont icon-pinglun">评论</i>
					<i class="iconfont icon-down"> 1</i>
				</span>
			</div>
			<div class="pad-v-sm"></div>
		</div>
		{{/each}}
	</script>
	<!--评论数据模板 结束-->

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
	
	<script type="text/javascript" src="../js/mui.zoom.js"></script>
	<script type="text/javascript" src="../js/mui.previewimage.js"></script>
	<script type="text/javascript" src="product.comment.scroll.js" ></script>
</body>
</html>